<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>兑换商城</title>
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" id="viewport">
<meta name="viewport" content="height=device-height, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" id="viewport">
<meta name="viewport" content="target-densitydpi=device-dpi, width=480px, user-scalable=no" />
<meta name="viewport" content="target-densitydpi=get-target-densitydpi, width=device-width, user-scalable=no" />
<link href="/wx/Public/Home/css/swiper.css" rel="stylesheet">
<link rel="stylesheet" type="text/css" href="http://wx.papaquan.com/wx/Public/Home/css/weui_css/weui.css" />
<link rel="stylesheet" type="text/css" href="http://wx.papaquan.com/wx/Public/Home/css/Conn.css"/>
<link rel="stylesheet" type="text/css" href="http://wx.papaquan.com/wx/Public/Home/css/ExchangeCss/Exchange_HomePage.css"/>
</head>
<body>
<div class="KF_Back">
<div class="linkKeFu">
<i class="iconfont kefu">&#xe63b;</i>
<p>客服</p>
<div class="code_wrap">
<div class="gray"></div>
<div class="link-KF">
<div class="con-ma">
<p class="s-em">长按识别二维码<i class="iconfont g-em">&#xe62b;</i></p>
<img src="http://papaquan.img-cn-hangzhou.aliyuncs.com/fz/SiteConfig/YhaNQMxCJCMrGwckF8Hhci.JPG/200x200" />
</div>
</div>
</div>
</div>
<i class="iconfont Leftback" onclick='javascript:location.href="/wx/index.php/Home/Index/index.html?city=fz";'>&#xe603;</i>
</div>
<div class="slider row">
<ul>
<li><a href="#"><img originalSrc="http://papaquan.img-cn-hangzhou.aliyuncs.com/fz/SiteConfig/eBKbfYA6prEFceQMrrBx27.jpg/600x200"></a></li> </ul>
</div>
<div class="ExchangeNow">
<div class="ExchangeNow_Left">
<h1><span style="color: #636363;">我的金币：</span><span style="margin-left: 3px; font-size: 16px; font-weight: bold;">1</span></h1>
<p>
<a href="/wx/index.php/Home/GoldShop/explain.html?city=fz" style="color: #808080;">如何获得更多金币？</a>
</p>
</div>
<a href="/wx/index.php/Home/GoldShop/record.html?city=fz" class="ExchangeButtons">
<button>兑换记录</button>
</a>
</div>
<div class="Ex_HomeClassfiy swiper-container-horizontal swiper-container-free-mode">
<ul class="swiper-wrapper">
<li class="swiper-slide"><a href="#" value="all" class="item currentNow">全部</a></li>
<li class="swiper-slide"><a href="#" value="buy" class="item">我能兑换</a></li>
<li class="swiper-slide"><a href="#" value="1" class="item">话费充值</a></li><li class="swiper-slide"><a href="#" value="2" class="item">美食商品</a></li><li class="swiper-slide"><a href="#" value="3" class="item">生活用品</a></li><li class="swiper-slide"><a href="#" value="4" class="item">数码产品</a></li> </ul>
</div>
<div class="content">
<div class="weui_cells weui_cells_access">
</div>
</div>
</body>
<script type="text/javascript" src="/wx/Public/Home/js/jquery-1.8.2.min.js"></script>
<script type="text/javascript" src="/wx/Public/Home/js/dropload/dropload.min.js"></script>
<script type="text/javascript" src="/wx/Public/Home/js/ClassfiyHomePage/swiper.js"></script>
<script type="text/javascript" src="/wx/Public/Home/js/yxMobileSlider.js"></script>
<script src="/wx/Public/Home/js/lyz.delayLoading.min.js" type="text/javascript"></script>
<script type="text/javascript" src=" https://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>
<script type="text/javascript">
		$(function () {
			$(".slider").yxMobileSlider({width:480,height:150,during:5000});/*轮播图*/
			$("img").delayLoading({
				defaultImg: "/wx/Public/Home/img/loading.jpg",           // 预加载前显示的图片
				errorImg: "",                        // 读取图片错误时替换图片(默认：与defaultImg一样)
				imgSrcAttr: "originalSrc",           // 记录图片路径的属性(默认：originalSrc，页面img的src属性也要替换为originalSrc)
				beforehand: 0,                       // 预先提前多少像素加载图片(默认：0)
				event: "scroll",                     // 触发加载图片事件(默认：scroll)
				duration: "normal",                  // 三种预定淡出(入)速度之一的字符串("slow", "normal", or "fast")或表示动画时长的毫秒数值(如：1000),默认:"normal"
				container: window,                   // 对象加载的位置容器(默认：window)
				success: function (imgObj) { },      // 加载图片成功后的回调函数(默认：不执行任何操作)
				error: function (imgObj) { }         // 加载图片失败后的回调函数(默认：不执行任何操作)
			});
			
			/*分类滑动的效果*/
			var swiper = new Swiper('.swiper-container-horizontal', {/* 日期滑动效果 */
	        pagination: '.swiper-pagination-horizontal',
	        slidesPerView: 'auto',
	        spaceBetween: 0
		   	 });
		 	$("#SearchInfor").focus(function(){
		 		$(".searchbar").css("left","20%");
		 		/*$(this).css({"text-align":"left","padding-left":"45px","box-sizing":"border-box"});*/
		 	}).blur(function(){
		 		$(".searchbar").css("left","35%");
		 		$(this).css({"text-align":"center"});
		 	});
			
		});
	</script>
<script type="text/javascript">
		$(function(){
		    $('.swiper-wrapper .item').each(function(){
		    	$(this).click(function(){
		    		var page = 0;
		    		$(this).addClass('currentNow').parent().siblings('.swiper-slide').children().removeClass('currentNow');
		    		var type = $(this).attr('value');
		    		$('.weui_cells_access').empty();
            		$('.dropload-down').remove();
				    $('.content').dropload({
				        scrollArea : window,
				        loadDownFn : function(me){
				            $.ajax({
				                type: 'GET',
				                url: "/wx/index.php/Home/GoldShop/index.html",
				                data:{page:page,type:type},
				                dataType: 'json',
				                success: function(data){
				                    var result = '';
				                    $.each(data,function(index,value){
				                    	result += '<a class="weui_cell" href="/wx/index.php/Home/GoldShop/detail.html?id='+value.id+'">';
					        			result += '<div class="weui_cell_hd">';
					            		result += '<img src="http://papaquan.img-cn-hangzhou.aliyuncs.com/'+value.img+'/120x70"   class="ticket_Img">';
					        			result += '</div>';
					        			result += '<div class="weui_cell_bd weui_cell_primary">';
					            		result += '<p style="color: #080808;" class="text_flow">'+value.title+'</p>';
					            		result += '<p class="m-p text_flow">'+value.name+'</p>';
					            		result += '<p><i class="iconfont qiandai">&#xe61c;</i><span style="color: #E34F63; font-size: 16px; margin-left: 5px;">'+value.gold+'</span><span class="GZ_Sum">'+value.browse+'人关注</span></p>';
					        			result += '</div>';
					        			
					    				result += '</a>';
				                    });
				                    if (data.length < 10) {
				                        me.lock();
				                        // 无数据
				                        me.noData(); 
				                    }
				                    $('.weui_cells_access').append(result);
				                    page++;
				                    // 每次数据加载完，必须重置
				                    me.resetload();
	                    			$("img").delayLoading({
										defaultImg: "/wx/Public/Home/img/loading.jpg",           // 预加载前显示的图片
										errorImg: "",                        // 读取图片错误时替换图片(默认：与defaultImg一样)
										imgSrcAttr: "originalSrc",           // 记录图片路径的属性(默认：originalSrc，页面img的src属性也要替换为originalSrc)
										beforehand: 0,                       // 预先提前多少像素加载图片(默认：0)
										event: "scroll",                     // 触发加载图片事件(默认：scroll)
										duration: "normal",                  // 三种预定淡出(入)速度之一的字符串("slow", "normal", or "fast")或表示动画时长的毫秒数值(如：1000),默认:"normal"
										container: window,                   // 对象加载的位置容器(默认：window)
										success: function (imgObj) { },      // 加载图片成功后的回调函数(默认：不执行任何操作)
										error: function (imgObj) { }         // 加载图片失败后的回调函数(默认：不执行任何操作)
									});
				                },
				                error: function(xhr, type){
				                    alert('Ajax error!');
				                    // 即使加载出错，也得重置
				                    me.resetload();
				                }
				            });
				        }
				    });
				});
			});
			$(".swiper-wrapper .item").eq(0).trigger("click");
		});
	</script>
<script>
			$(function(){
				$(".linkKeFu").click(function(){
					$(".gray").show();
					$(".gray").css("height",$(document).height());
					$(".link-KF").css("top",$(window).height()/2-178);
					$(".link-KF").show();
				});
				$(".gray,.con-ma").click(function(){
					$(".link-KF").hide();
					$(".gray").hide();
				});
			});

			wx.config({
		        debug: false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。
		        appId: 'wx6f135c060124e6c1', // 必填，公众号的唯一标识
		        timestamp: '1472643492', // 必填，生成签名的时间戳
		        nonceStr: 'uGFBAe3YniBs6SNx', // 必填，生成签名的随机串
		        signature: '250616056f3e7b0f51643a4e24332d5a7e673c6f',// 必填，签名，见附录1
		        jsApiList: ['onMenuShareAppMessage','onMenuShareTimeline','hideMenuItems'] // 必填，需要使用的JS接口列表，所有JS接口列表见附录2
		    });

		    wx.ready(function(){
		    	wx.onMenuShareAppMessage({
				    title: '兑换商城的商品免费送，真的不要钱！', // 分享标题
				    desc: '本商城仅收虚拟金币，现金都不收哦~', // 分享描述
				    link: 'wx.papaquan.com/wx/index.php/Home/GoldShop/index.html?city=fz', // 分享链接
				    imgUrl: 'http://imgess.papaquan.com/god.jpg/200x200', // 分享图标
				    success: function () { 

				    },
				    cancel: function () { 
				    }
				});
				wx.onMenuShareTimeline({
			          title: '兑换商城的商品免费送，真的不要钱！',
			          link:'wx.papaquan.com/wx/index.php/Home/GoldShop/index.html?city=fz',
			          imgUrl: 'http://imgess.papaquan.com/god.jpg/200x200',
			          success: function () {
			        
			          },
			          cancel: function () { 
			          }
			      });
			      wx.hideMenuItems({
			          menuList: [
			              'menuItem:readMode', 
			              'menuItem:openWithSafari',
			              'menuItem:copyUrl',
			              'menuItem:exposeArticle',
			              'menuItem:share:qq',
			              'menuItem:profile',
			              'menuItem:addContact',
			              'menuItem:share:QZone',
			          ]
			      });
		    });
		</script>
<script type="text/javascript">
    var _hmt = _hmt || [];
    setTimeout(function(){
        (function() {
            var hm = document.createElement("script");
            hm.src = "http://s4.cnzz.com/stat.php?id=1256263775&web_id=1256263775";
            var s = document.getElementsByTagName("script")[0];
            s.parentNode.insertBefore(hm, s);
        })();
    },0);
</script>
<script>
	
				
				$(".con-ma,.g-em,.gray").click(function(event){
					$(".gray").hide();
					$(".link-KF").hide();
					//$(".code_wrap").hide();
					
					
					event.stopPropagation();

				});
			
			$(".linkKeFu").bind('click.myfunction',function(event){

					$(".gray").show();
					$(".gray").css("height",$(document).height());
					$(".link-KF").css("top",$(window).height()/2-178);
					$(".link-KF").show();
				/*event.stopPropagation();*/
			});

	</script>
</html>